<template>
  <div class="linear-property">
    <div class="main">
      <div>
        <b>0</b>
        <span>优惠卷</span>
      </div>
      <div>
        <b style="font-size: 16px;">开通有礼</b>
        <span>白条</span>
      </div>
      <div>
        <b>0</b>
        <span>京豆</span>
      </div>
      <div>
        <b>0</b>
        <span>红包</span>
      </div>
      <div>
        <van-icon name="paid" />
        <span>全部资产</span>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup></script>

<style scoped>
.linear-property {
  font-size: 14px;
  height: 92px;
  background-color: rgb(245, 245, 245);
  padding-top: 10px;
  box-sizing: border-box;
}

.main {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background-color: #fff;
  height: 72px;
  margin: 10px;
  margin-top: 0;
  padding: 0 14px;
  border-radius: 14px 14px 14px 14px;
}

.main>div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

b {
  margin-bottom: 15px;
  font-size: 20px;
}

.van-icon {
  font-size: 36px;
  color: red;
}
</style>
